<template>
  <el-card>
    <!-- 标题 -->
    <template #header>
      <h3>商品统计</h3>
    </template>
    <!-- 统计表 -->
    <div ref="goodsbox" style="width: 700px;height:400px;"></div>
  </el-card>
</template>

<script>
import echart from 'echarts'
import goodsBox from './js/goodsData'

export default {
  mounted() {
    this.datalist()
  },
  methods: {
    datalist() {
      // 基于准备好的dom，初始化echarts实例
      var myChart = echart.init(this.$refs.goodsbox)

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(goodsBox.option)
    }
  }
}
</script>

<style lang="less" scoped></style>
